<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>test</title>
		<meta name="Description" content="" />
		<meta name="Keywords" content="" />

		<script type="text/javascript" src="../core/Jidea-core.js"></script>
		<script type="text/javascript" src="../core/Jidea-event.js"></script>
		<script type="text/javascript" src="../core/Jidea-math.js"></script>
		<script type="text/javascript" src="../core/Jidea-assert.js"></script>
		<script type="text/javascript" src="../core/Jidea-painter.js"></script>
		<script type="text/javascript" src="../core/Jidea-component.js"></script>
		<script type="text/javascript" src="../core/Jidea-interface.js"></script>
		<script type="text/javascript" src="../core/Jidea-legend.js"></script>
		<script type="text/javascript" src="../core/Jidea-label.js"></script>
		<script type="text/javascript" src="../core/Jidea-chart.js"></script>
		<script type="text/javascript" src="../core/Jidea-coordinate.js"></script>
		<script type="text/javascript" src="../core/Jidea-element.js"></script>
		<script type="text/javascript" src="../core/Jidea-crosshair.js"></script>
		<script type="text/javascript" src="../core/Jidea-tip.js"></script>
		<script type="text/javascript" src="../core/Jidea-text.js"></script>
		<script type="text/javascript" src="../core/Jidea-rectangle.js"></script>
		<script type="text/javascript" src="../core/Jidea-rectangle2d.js"></script>
		<script type="text/javascript" src="../core/Jidea-column.js"></script>
		<script type="text/javascript" src="../core/Jidea-column2d.js"></script>
		<script type="text/javascript" src="../core/Jidea-bar.js"></script>
		<script type="text/javascript" src="../core/Jidea-bar2d.js"></script>
		<script type="text/javascript" src="data.js"></script>
		<style type="text/css">
			body{
				margin-top:10px;
				text-align: center;
			}
			#myCanvas div{
			margin:0px auto;
		}
		</style>
		<script type="text/javascript">
					$(function(){
						var bar2d = new Jidea.Bar2D({
							render : 'myCanvas',
							data: data,
							align:'center',
							coordinate:{
								width:600,
								height:400
							},
							legend:{
								enable:true
							},
							tip:{
								enable:true,
								shadow:true,
								showType:'follow'
							},
							title : 'Bar2d sample',
							width : 800,
							height : 600
					});
					
					//开始画图
					bar2d.draw();
				});
				
			</script>
		</head>
		<body>
			<div><a href="../index.html">Home</a>&nbsp;Sample</div>
			<br>
			<div id='myCanvas'></div>
		</body>
</html>
